<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>案例：动态表格</title>
</head>
<body>
    <table border="1">
        <thead>
            <tr>
                <th>任务单号</th>
                <th>企业名称</th>
                <th>样品类型</th>
            </tr>
        </thead>
        <tbody id="body">

        </tbody>

    </table>
<script type="text/javascript">
    var datalist=[
        {任务单号:20250202051,企业名称:"清丰县垃圾处理场",样品类型:"无组织废气"},
        {任务单号:20250202052,企业名称:"南乐县县城垃圾处理场",样品类型:"有组织废气"},
        {任务单号:20250202053,企业名称:"安徽蓝盾股份有限公司",样品类型:"废水"},
        {任务单号:20250202054,企业名称:"蔚林新材料有限公司",样品类型:"雨水"},
        {任务单号:20250202055,企业名称:"清丰亚达金鹰家具有限公司",样品类型:"无组织废气"},
        {任务单号:20250202056,企业名称:"台前县孙口镇卫生院",样品类型:"废水"}
    ]
    for(var idx in datalist){
        var info=datalist[idx]
        var tr=document.createElement("tr")
        for (var key in info ){
            var text=info[key]
            var td=document.createElement("td")
            td.innerText=text
            tr.appendChild(td)
    }
    var bodytag=document.getElementById("body")
    bodytag.appendChild(tr)
    }

</script>
</body>
</html>